<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/base/tag.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<LINK rel="stylesheet" type="text/css"
	href="${baseurl}js/easyui/styles/default.css">
<%@ include file="/WEB-INF/jsp/base/common_css.jsp"%>
<%@ include file="/WEB-INF/jsp/base/common_js.jsp"%>
<title>收款确认</title>
<script type="text/javascript">
	//datagrid列定义
	var columns_v = [ [ {
		field : 'orderNo',//对应json中的key
		title : '订单号码',
		align :'center',
		width : 180
	}, {
		field : 'createTime',//对应json中的key
		title : '时间 ',
		align :'center',
		width : 180
	}, {
		field : 'name',//对应json中的key
		title : '顾客',
		align :'center',
		width : 140

	}, {
		field : 'star',//对应json中的key
		title : '星级',
		align :'center',
		width : 140,
		formatter:function(value, row, index){
		    if(value=='1'){
		       return "<img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='2'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='3'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='4'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='5'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }
		}
		
	}, {
		field : 'orderStatus',//对应json中的key
		title : '状态',
		width : 140,
		align :'center',
		formatter : function(value, row, index) {//通过此方法格式化显示内容,value表示从json中取出该单元格的值，row表示这一行的数据，是一个对象,index:行的序号
			if(value =='1'){
				return "待确认";
			}else if(value =='2'){
				return "待配货";
			}else if(value =='3'){
				return "待发货";
			}else if(value =='4'){
				return "待收货";
			}
		}
	}, {
		field : 'opt1',
		title : '操作1',
		align :'center',
		width : 140,
		formatter : function(value, row, index) {
			return "<a href=javascript:checkinfo('"+row.id+"')>确定</a>";
		}
	}, 
	{
		field : 'opt2',
		title : '操作2',
		align :'center',
		width : 140,
		formatter : function(value, row, index) {
			return "<a href=javascript:removeorder('"+row.id+"')>取消订单</a>";
		}
	} ] ];

	//加载datagrid
	$(function() {
		$('#orderlist').datagrid({
			title : '确认订单查询',
			nowrap : true,//单元格中的数据不换行，如果为true表示不换行，不换行情况下数据加载性能高，如果为false就是换行，换行数据加载性能不高
			striped : true,//条纹显示效果
			url : "${pageContext.request.contextPath}/order/querySureOrderList",//加载数据的连接，引连接请求过来是json数据
			idField : 'id',//此字段很重要，数据结果集的唯一约束(重要)，如果写错影响 获取当前选中行的方法执行
			loadMsg : '',
			columns : columns_v,
			pagination : true,//是否显示分页
			rownumbers : true,//是否显示行号
			pageList:[5,10,20],
			width: $(window).width() - 10,
            height: $(window).height() - 35
		});
	});
	
	//搜索方法
	function queryorder(){
		//将form表单数据提取出来，组成一个json
		var formdata = $("#orderqueryForm").serializeJson();
		$('#orderlist').datagrid('load',formdata);
	}
	//取消订单
	function removeorder(id){
	   _confirm('您确认取消订单吗？',null,function (){
			$("#delete_id").val(id);
			//使用ajax的from提交执行
			 var options = {
			      url: "${pageContext.request.contextPath}/order/removeorder",
			      type:"post",
			      dataType:"json",
			      success: function(data) {
			          if(data.code=="200"){
			             $.messager.alert("信息",data.message,"info");
			             //刷新表格
			             queryorder();
			          }else if(data.code=="300"){
			             $.messager.alert("信息",data.message,"error");
			          }
			      }
			    };
			    $("#removeOrderForm").ajaxSubmit(options);
			
		});
	}
    //打开确认订单窗口
    function checkinfo(id){
		createmodalwindow("订单信息", 1100, 700, '${baseurl}order/orderDetail?id='+id);
    }
</script>
  </head>
  <title>订单管理</title>
  <body>
   <div style="height:30px;border:1px solid #CCC">
             <TR>
				<TD height=12 style="font-size: 15px">首页  &nbsp;&nbsp; ></TD>
				<TD height=12 style="font-size: 15px" >订单管理 &nbsp; >&nbsp;</TD>
				<TD height=12 style="font-size: 15px" >确认订单</TD>
			</TR>
</div>
	<!-- html的静态布局 -->
  <form id="orderqueryForm">
	<!-- 查询条件 -->
	<TABLE class="table_search" style="margin-top :10px">
		<TBODY>
			<TR>
				<TD class="left">订单号码：</td>
				<td><INPUT type="text" name="orderNo" /></TD>
				<TD class="left">顾客：</TD>
				<td><INPUT type="text" name="name" /></TD>
				<TD class="left">时间从：</TD>
				<td> <INPUT id="startTime" name="startTime" 
							 onfocus="WdatePicker({isShowWeek:false,skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" style="width:80px"/>到
					 <INPUT id="endTime" name="endTime"
							 onfocus="WdatePicker({isShowWeek:false,skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" style="width:80px"/></TD>
				<td>
				<a id="btn" href="#" onclick="queryorder()"
					class="easyui-linkbutton" iconCls='icon-search'>确定</a></td>
			</TR>

		</TBODY>
	</TABLE>

	<!-- 查询列表 -->
	<TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=left style="margin-top :10px">
		<TBODY>
			<TR>
				<TD>
					<table id="orderlist"></table>
				</TD>
			</TR>
		</TBODY>
	</TABLE>
</form>
<form id="removeOrderForm" action="" method="post">
  <input type="hidden" id="delete_id" name="id" />
</form>
  </body>
</html>

